<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
	<style>
	*{margin:0;padding:0;}
	.clearfix:after{content: '';display: table;clear: both;}
	html,body{width:100%;}
	html {
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		line-height: 1.6;
	}
	body {
		-webkit-touch-callout: none;
		font-family: -apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
		background-color: #fff;
		line-height: inherit;
		margin-left:auto;
		margin-right:auto;
		color:#333;
		font-size:0.3rem;
		max-width:7.5rem;
		background:#f1f1f1;
		
	}
	img,video,embed,iframe{max-width:100% !important;}
	.share-container{background:#fff;height:12rem;overflow-y:auto;padding-bottom:0.2rem; box-sizing: border-box;}
	.share-content-title{font-size:0.4rem;padding:0.1rem 0.4rem;    text-align: center;}
	.share-container .share-content-head{margin:0 0.2rem;}
	.share-content-head{position:relative;}
	.share-content-head .left{height:0.8rem;width:0.8rem;border-radius:0.8rem;overflow:hidden;position:absolute;top:0;left:0;}
	.share-content-head .left img{width:100%;height:100%;}
	.share-content-head .center{padding-left:1rem;}
	.share-content-head .center .name{font-size:0.28rem;}
	.share-content-head .center .time{font-size:0.24rem;color:#999; padding-right: 1rem;}
	.share-content-head .right{position:absolute;top:0.15rem;right:0;}
	.share-content-head .right span{display:block;height:0.48rem;line-height:0.48rem;color:#fff;background:#fd8348;border-radius:0.05rem;width: 1rem;text-align: center;font-size:0.24rem;}
	.share-content-article{padding:0.3rem;}
	.share-content-tag{background:#fff;margin-top:0.2rem;padding-bottom:0;}
	.share-content-tag span{padding:0.1rem 0.3rem;background:#fff;border:0.01rem solid #ccc;display:inline-block;margin-right:0.2rem;margin-bottom:0.2rem;border-radius:0.4rem;color:#666;font-size:0.24rem;}
	</style>
	<script>
	function adapt(designWidth, rem2px){
	  var d = window.document.createElement('div');
	  d.style.width = '1rem';
	  d.style.display = "none";
	  var head = window.document.getElementsByTagName('head')[0];
	  head.appendChild(d);
	  var defaultFontSize = parseFloat(window.getComputedStyle(d, null).getPropertyValue('width'));
	  d.remove();
	  var w=window.innerWidth>412?412:window.innerWidth;
	  document.documentElement.style.fontSize = w / designWidth * rem2px / defaultFontSize * 100 + '%';
	  var st = document.createElement('style');
	  var portrait = "@media screen and (min-width: "+window.innerWidth+"px) {html{font-size:"+((window.innerWidth/(designWidth/rem2px)/defaultFontSize)*100) +"%;}}";
	  var landscape = "@media screen and (min-width: "+window.innerHeight+"px) {html{font-size:"+((window.innerHeight/(designWidth/rem2px)/defaultFontSize)*100) +"%;}}"
	  st.innerHTML = portrait + landscape;
	  head.appendChild(st);
	  return defaultFontSize
	};
	var defaultFontSize = adapt(750, 100);
	</script>
</head>
<body>
<div class="share-container">
	<div class="share-content-title">{{ data['title']}}</div>
	<div class="share-content-head">
		<div class="left"><img src="{{data['authorImg']}}" alt=""></div>
		<div class="center">
			<div class="name">{{ data['author']}}</div>
			<div class="time">{{ date('m-d H:i',data['createTime'])}}</div>
		</div>
		<div class="right">
			<span name="download">+{{ data['sourceInfo']}}</span>
		</div>
	</div>
	<div class="share-content-article" id="content">{{ data['content'] }}</div>
	<div class="share-content-head">
		<div class="left"><img src="{{data['authorImg']}}" alt=""></div>
		<div class="center">
			<div class="name">{{ data['author']}}</div>
			<div class="time">{{ data['sign'] }}</div>
		</div>
		<div class="right">
			<span name="download">+关注</span>
		</div>
	</div>
</div>
</body>
</html>